@charset "UTF-8";

@media (max-width: 1440px) {
	ul.news-list li .inner-li .info h3 {
		font-size: 18px;
		height: 43px;
	}

	ul.news-list li .inner-li .info p {
		font-size: 14px;
		margin-top: 10px;
		height: 50px;
	}

	.index-bus-box .item-tit span {
		font-size: 26px;
	}

	.index-bus-box .item-tit h6 {
		font-size: 18px;
	}
}

@media (max-width: 1280px) {
	#ver-en .index-bus-box .item-desc {
		line-height: 1;
	}
}

@media (max-width: 1024px) {
  /* header */
	header.normal-header {
		display: none;
	}

	header .logo-pc {
		display: none;
	}
  /* banner */
	ul.banner-list li:first-child {
		background-position: 25% center;
	}

	ul.banner-list .banner-info {
		-webkit-transform: translateX(-80%);
		-moz-transform: translateX(-80%);
		-ms-transform: translateX(-80%);
		-o-transform: translateX(-80%);
		transform: translateX(-80%);
	}

	ul.banner-list .slick-current .banner-info {
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.banner-info {
		top: 20%;
		left: 50%;
		white-space: nowrap;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
  /* index page */
	.index-tit::after {
		left: 50%;
		margin-left: -28px;
	}

	.index-tit-wrap .read-more {
		display: none;
	}

	.index-bus-box .item-tit h6 {
		display: none;
	}

	.stock-report-wrap {
		max-width: 340px;
		margin-right: auto;
		margin-left: auto;
	}

	.index-report {
		margin-top: 60px;
	}

	.index-contact .container {
		padding-right: 0;
		padding-left: 0;
	}
  /* article */
	.inner-tit {
		text-align: center;
	}

	.inner-tit h6 i {
		display: none;
	}

	.inner-tit::after {
		left: 50%;
		margin-left: -28px;
	}

	.table-wrap .swipe-hand {
		display: block;
	}

	ul.news-list li .inner-li a {
		display: table;
		width: 100%;
	}

	ul.news-list li .inner-li .d-cell {
		display: table-cell;
		vertical-align: middle;
	}

	ul.news-list li .inner-li .d-cell:first-child {
		width: 28%;
	}

	ul.news-list li .inner-li .img {
		padding-bottom: 100%;
	}

	ul.news-list li .inner-li .info .type {
		display: inline-block;
		background-color: #d80e19;
	}

	ul.news-list li .inner-li .info h3 {
		height: 43px;
	}

	ul.news-list li .inner-li .info p {
		display: none;
	}
  /* footer */
	ul.sitemap-list dl dd {
		display: none;
	}

	ul.sitemap-list.pc-sitemap {
		display: none;
	}
  /* nav */
	#nav {
		display: block;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

	#nav .nav-box {
		padding-top: 250px;
		padding-bottom: 120px;
	}

	#nav .nav-top,
  #nav .nav-btm {
		position: absolute;
		width: 100%;
		left: 0;
	}

	#nav .nav-top {
		top: 0;
	}

	#nav .nav-btm {
		bottom: 40px;
	}

	#nav .nav-mid {
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}

	#nav.active {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	ul.nav-list li > a {
		font-size: 28px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	ul.nav-list li .sub-nav {
		position: relative;
	}

	ul.nav-list li .sub-nav dl {
		position: relative;
		padding-top: 130px;
	}

	ul.nav-list li .sub-nav dl::before {
		content: "";
		display: block;
		width: 8px;
		height: 100px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -4px;
		background-color: #d80e19;
	}

	ul.banner-list .banner-info h6 {
		line-height: 1;
	}

	.index-ann {
		background-image: url('../images/index_ann_bg_phone.jpg');
		background-attachment: scroll;
		background-size: cover;
	}

	.index-stock-report {
		background-image: url('../images/index_stock_report_phone.jpg');
		background-attachment: scroll;
		background-size: cover;
	}
}

@media (max-width: 759px) {
  /* header */
	header .head-right .a-search {
		display: none;
	}

	.head-left .d-cell:nth-child(2) {
		display: none;
	}
  /* index page */
	.csr-report {
		max-width: 210px;
		margin-right: auto;
		margin-left: auto;
	}

	ul.news-list li .inner-li .d-cell:first-child {
		width: 40%;
	}
  /* footer */
	.foot-btm p span {
		display: block;
	}
  /* nav */
	#nav .nav-box {
		padding-top: 220px;
		padding-bottom: 100px;
	}

	ul.nav-list li > a {
		font-size: 22px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	ul.nav-list li .sub-nav dl {
		padding-top: 60px;
	}

	ul.nav-list li .sub-nav dl::before {
		height: 40px;
	}

	ul.news-list li .inner-li .info h3 {
		height: 43px;
	}
}

@media (min-width: 760px) {
	.container {
		padding-right: 30px;
		padding-left: 30px;
	}
  /* header */
	header .logo {
		width: 136px;
	}

	header .head-left .d-table {
		display: table;
	}

	header .head-left .d-table .d-cell {
		display: table-cell;
		vertical-align: top;
	}

	header .head-left .d-table .d-cell span {
		display: block;
	}

	header .head-left .d-table .d-cell i {
		font-style: normal;
	}

	header .head-left .d-table .d-cell:first-child {
		padding-right: 8px;
	}

	header .head-left .head-stock-wrap {
		position: relative;
		line-height: 1.1;
		padding-left: 8px;
	}

	header .head-left .head-stock-wrap::before {
		content: "";
		display: block;
		width: 1px;
		height: 75%;
		position: absolute;
		left: 0;
		bottom: 6px;
		background-color: #fff;
	}
  /* banner */
	#banner .b-prev {
		left: 20px;
	}

	#banner .b-next {
		right: 20px;
	}

	ul.banner-list .banner-info h6 {
		font-size: 84px;
	}

	ul.banner-list .banner-info p {
		font-size: 36px;
	}
  /* index page */
	.index-bus-box .item {
		height: 580px;
	}

	ul.index-news-list li {
		width: 50%;
		float: left;
	}

	.index-contact-wrap {
		padding-right: 30px;
		padding-left: 30px;
	}

	.g-map {
		height: 500px;
	}
  /* inner banner */
	.inner-banner {
		height: 500px;
	}

	.inner-banner-tit h6 {
		font-size: 43px;
	}

	ul.report-list li {
		width: 50%;
		float: left;
	}

	ul.comm-list li .inner-li {
		display: table;
		width: 100%;
	}

	ul.comm-list li .inner-li .d-cell {
		display: table-cell;
		vertical-align: top;
	}

	ul.comm-list li .inner-li .d-cell:first-child {
		width: 180px;
		padding-left: 30px;
	}

	.table-wrap .swipe-hand span {
		width: 120px;
		height: 120px;
	}

	ul.news-list li {
		margin-bottom: 25px;
	}

	.about-bus-wrap .b-prev {
		left: 10px;
	}

	.about-bus-wrap .b-next {
		right: 10px;
	}

	.about-bus-box .inner-item {
		padding: 0 40px;
	}

	.about-bus-box .slick-current .inner-item {
		padding-left: 50px;
	}

	.about-bus-box .slick-current + .item .inner-item {
		padding-right: 50px;
	}
  /* footer */
	ul.sitemap-list.phone-sitemap {
		display: none;
	}

	ul.sitemap-list.pad-sitemap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
  /* nav */
	#nav .logo {
		width: 150px;
	}

	.nav-close {
		top: 45px;
	}

	ul.news-list li .inner-li .info h3 {
   /* height:43px;*/
	}
  /* 760 */
}

@media (min-width: 1025px) {
  /* header */
	header {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	header .logo-phone {
		display: none;
	}

	header .logo {
		width: 240px;
	}

	header.sticky .logo {
		width: 240px;
	}

	header .head-left .d-table .d-cell {
		display: table-cell;
		vertical-align: bottom;
	}
  /* banner */
	ul.banner-list .banner-info {
		top: 40%;
		right: 20%;
	}

	ul.banner-list li:nth-child(2) .banner-info,
  ul.banner-list li:nth-child(3) .banner-info {
    /* top: 25%; */
		right: auto;
	}
  /* index page */
	.index-tit {
		text-align: right;
		padding-right: 18px;
	}

	.index-tit::after {
		right: 18px;
	}

	.read-more {
		display: none;
	}

	.index-tit-wrap .read-more {
		display: block;
	}

	.index-tit-wrap .read-more a {
		margin-right: 0;
		position: relative;
	}

	.index-tit-wrap .read-more a::after {
		content: "";
		display: block;
		width: 1px;
		height: 1000px;
		position: absolute;
		right: -1px;
		bottom: 0;
		background-color: #494949;
	}

	#index-content {
		overflow: hidden;
	}

	.index-content {
		overflow: hidden;
	}

	.parallaxy-animate {
		position: relative;
		z-index: 3;
	}

	.index-about {
		overflow: hidden;
	}

	.index-about .container {
		padding-right: 0;
	}

	.index-about-left {
		float: left;
		width: 64%;
		padding-top: 24px;
		margin-top: 80px;
	}

	.index-about-left .d-table {
		display: table;
		width: 100%;
	}

	.index-about-left .d-cell {
		display: table-cell;
		vertical-align: top;
	}

	.index-about-content {
		padding: 0 24px;
	}

	.index-about-right {
		float: right;
		width: 36%;
		max-width: 630px;
	}

	.index-about-right .index-about-img {
		margin-top: 130px;
	}

	.index-bus > .container {
		display: none;
	}

	.index-bus-wrap .bus-prev,
  .index-bus-wrap .bus-next {
		display: none;
	}

	.index-bus-box .item {
		height: 700px;
	}

	.index-bus-box .item:hover .item-content {
		opacity: 1;
	}

	.index-bus-box .item-content {
		opacity: 0;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

	.index-bus-box .item-tit {
		padding-bottom: 30px;
		position: relative;
	}

	.index-bus-box .item-tit:after {
		content: "";
		display: block;
		width: 56px;
		height: 10px;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -28px;
		background-color: #d80e19;
	}

	.index-bus-box .read-more {
		display: block;
	}

	.index-ann {
		background-position: center 400px;
	}

	.index-ann-right {
		width: 36%;
		float: right;
	}

	.index-ann-left {
		width: 64%;
		float: left;
	}

	ul.index-ann-list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}

	ul.index-ann-list li {
		margin-top: 0;
		width: 35%;
		max-width: 275px;
		padding-right: 5px;
	}

	ul.index-ann-list li .inner-li a {
		padding-top: 65px;
		padding-bottom: 65px;
	}

	ul.index-ann-list li .inner-li p {
		line-height: 20px;
		height: 80px;
		overflow: hidden;
	}

	ul.index-news-list li .read-more {
		display: block;
	}

	.index-stock-report {
		background-position: center 500px;
	}

	.stock-report-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.stock-report-wrap .content {
		display: table;
		width: 100%;
	}

	.stock-report-wrap .index-tit-wrap,
  .stock-report-wrap .stock-wrap,
  .stock-report-wrap .csr-report {
		display: table-cell;
		vertical-align: bottom;
	}

	.stock-report-wrap .stock-wrap {
		min-width: 360px;
	}

	.stock-report-wrap .stock-wrap,
  .stock-report-wrap .csr-report {
		padding-left: 15px;
	}

	.csr-report {
		max-width: 210px;
	}

	.index-contact .container {
		padding-left: 0;
	}

	.index-contact .index-map {
		float: left;
		width: 60%;
	}

	.index-contact .index-contact-wrap {
		height: 500px;
		float: right;
		width: 40%;
		padding-right: 0;
	}

	.index-contact .index-tit-wrap {
		float: right;
	}

	.index-contact .contact-wrap {
		float: left;
		width: 60%;
	}

	.index-contact .index-tit-wrap .read-more a::after {
		background-color: #fff;
	}

	.ie .index-content {
		margin-bottom: -105px;
	}
  /* article */
	.inner-banner {
		height: 690px;
	}

	.inner-tit {
		text-align: right;
		margin-top: 0;
	}

	.inner-tit::after {
		right: 0;
	}

	.inner-tit::before {
		content: "";
		display: block;
		width: 1px;
		height: 500px;
		position: absolute;
		right: -20px;
		bottom: 0;
		background-color: #494949;
	}

	.art-left {
		width: 240px;
		float: left;
		padding-right: 20px;
	}

	.art-right {
		margin-left: 250px;
		padding-top: 20px;
		padding-left: 60px;
	}
	
	.art{
		margin:20px 0;
		text-align: center;
	}
	.art span{
		margin:0 20px;
	}
	.form {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.form .form-item {
		width: 46%;
	}

	.form .area-item {
		width: 100%;
	}

	ul.news-list li {
		width: 48%;
		margin-right: 4%;
		float: left;
		margin-bottom: 4%;
	}

	ul.news-list li .inner-li .img {
		padding-bottom: 60%;
	}

	ul.news-list li .inner-li .date-type {
		margin-top: 12px;
		margin-bottom: 16px;
	}

	ul.news-list li .inner-li .type {
		float: right;
	}

	ul.news-list li .inner-li .date {
		float: left;
	}

	ul.news-list li:nth-child(2n) {
		margin-right: 0;
	}

	.right-img {
		float: right;
		width: 40%;
		margin-left: 30px;
		max-width: 480px;
	}
  /* footer */
	body {
		overflow: hidden;
	}

	.index-body {
		margin-bottom: -105px;
	}

	#index-content + footer {
		position: relative;
		z-index: 2;
		margin-top: -590px;
	}

	.pad-qr-box {
		display: none;
	}

	ul.sitemap-list.pad-sitemap {
		display: none;
	}

	ul.sitemap-list.pc-sitemap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	ul.sitemap-list li:last-child {
		width: 24%;
	}

	ul.sitemap-list dl:nth-child(2) {
		margin-top: 20px;
	}
  /* nav */
	#nav {
		display: block;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
		transition: transform 1s cubic-bezier(0.75, 0, 0.25, 1), visibility 0s 1s, -webkit-transform 1s cubic-bezier(0.75, 0, 0.25, 1);
	}

	#nav .nav-wrap {
		opacity: 0;
		-webkit-transform: translateY(-60px);
		-moz-transform: translateY(-60px);
		-ms-transform: translateY(-60px);
		-o-transform: translateY(-60px);
		transform: translateY(-60px);
		-webkit-transition: all 1s cubic-bezier(0.75, 0, 0.25, 1);
		-moz-transition: all 1s cubic-bezier(0.75, 0, 0.25, 1);
		-ms-transition: all 1s cubic-bezier(0.75, 0, 0.25, 1);
		-o-transition: all 1s cubic-bezier(0.75, 0, 0.25, 1);
		transition: all 1s cubic-bezier(0.75, 0, 0.25, 1);
	}

	#nav .nav-top {
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#nav .logo {
		margin-left: 0;
	}

	#nav .lang-phone {
		display: none;
	}

	#nav .lang-pc {
		display: block;
		text-align: left;
		margin-top: 25px;
	}

	#nav .share-box {
		margin-top: 50px;
	}

	#nav .nav-mid {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	#nav .nav-btm {
		position: absolute;
		width: 100%;
		bottom: 40px;
	}

	#nav.active {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	#nav.active .nav-wrap {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition-delay: .7s;
		-moz-transition-delay: .7s;
		-ms-transition-delay: .7s;
		-o-transition-delay: .7s;
		transition-delay: .7s;
	}

	ul.nav-list li .sub-nav {
		display: block;
		opacity: 0;
		margin-left: 60px;
		position: absolute;
		top: 50%;
		left: 100%;
		white-space: nowrap;
		text-align: left;
		padding-left: 130px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		-ms-transition: all ease-in-out 0.3s;
		-o-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}

	ul.nav-list li .sub-nav::before {
		content: "";
		display: block;
		width: 100px;
		height: 8px;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -4px;
		background-color: #d80e19;
	}

	ul.nav-list li:hover .sub-nav {
		opacity: 1;
		z-index: 2;
		margin-left: 0;
	}

	.nav-close {
		top: 50%;
		margin-top: -14px;
	}

	.w1025 {
		display: block;
	}

	#index-content footer {
		display: none;
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
	}

	#index-content footer.show {
		display: block;
	}

	.pages {
		margin-bottom: 30px;
	}
  /* 1025 */
}

@media (min-width: 1025px) and (max-width: 1259px) {
	.index-tit h6 {
		font-size: 28px;
	}

	.index-tit span {
		font-size: 26px;
	}
}

@media (min-width: 1260px) {
	.container {
		padding-right: 40px;
		padding-left: 40px;
	}

	#ver-sc,
  #ver-tc,
  #ver-en {
		font-size: 16px;
	}

	.about-bus-box .inner-item h5 {
		font-size: 18px;
	}
  /* header */
	header .logo {
		width: 280px;
	}
  /* banner */
	#banner .b-prev {
		left: 30px;
	}

	#banner .b-next {
		right: 30px;
	}

	ul.banner-list li:nth-child(2) .banner-info,
  ul.banner-list li:nth-child(3) .banner-info {
		width: 60%;
		left: 20%;
	}

	ul.banner-list .txt-box {
		max-width: 644px;
	}

	ul.banner-list li:nth-child(3) .txt-box {
		max-width: 644px;
	}
  /* index page */
	.index-ann,
  .index-stock-report {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.index-ann-right {
		width: 30%;
	}

	.index-ann-left {
		width: 70%;
	}

	.stock-report-wrap .stock-wrap,
  .stock-report-wrap .csr-report {
		padding-left: 40px;
	}

	.stock-report-wrap .stock-wrap {
		min-width: 400px;
	}

	.stock-report-wrap .csr-report {
		max-width: 240px;
	}
  /* article */
  
	ul.dots-list li::before {
		top: 14px;
	}

	ul.report-list li {
		width: 33.33333333%;
		float: left;
	}

	ul.news-list li {
		width: 31%;
		margin-right: 3.5%;
		margin-bottom: 3.5%;
	}

	ul.news-list li:nth-child(2n) {
		margin-right: 3.5%;
	}

	ul.news-list li:nth-child(3n) {
		margin-right: 0;
	}

	.about-bus-box .item.slick-current .inner-item {
		padding-left: 60px;
	}

	.about-bus-box .item.slick-current + .item .inner-item {
		padding-right: 60px;
	}

	#ver-en .contact-form .form-item .d-table > span:first-child {
		width: 140px;
		min-width: 140px;
	}

	.foot-top {
		padding-top: 20px;
	}
  /* 1260 */
}

@media (min-width: 1320px) {
}

@media (min-width: 1400px) {
	.container {
		padding-right: 60px;
		padding-left: 60px;
	}
  /* banner */
	#banner .b-prev {
		left: 50px;
	}

	#banner .b-next {
		right: 50px;
	}
  /* index page */
	.index-about-left {
		padding-top: 40px;
	}

	.index-about-content {
		padding: 0 40px;
	}

	.index-bus-box .item {
		height: 810px;
	}

	.index-ann,
  .index-stock-report {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	ul.index-ann-list li {
		padding-right: 0;
	}

	.stock-report-wrap .stock-wrap,
  .stock-report-wrap .csr-report {
		padding-left: 50px;
	}

	.stock-report-wrap .stock-wrap {
		min-width: 400px;
	}

	.stock-report-wrap .csr-report {
		max-width: 280px;
	}

	.about-bus-wrap .b-prev {
		left: 60px;
	}

	.about-bus-wrap .b-next {
		right: 60px;
	}

	.about-bus-box .item.slick-current .inner-item {
		padding-left: 100px;
	}

	.about-bus-box .item.slick-current + .item .inner-item {
		padding-right: 100px;
	}

	#index-content + footer {
		margin-top: -650px;
	}

	.foot-top {
		padding-top: 30px;
	}

	.pages {
		margin-bottom: 40px;
	}

	.index-body {
		margin-bottom: -140px;
	}
  /* 1400 */
}

@media (min-width: 1580px) {
	.container {
		padding-right: 100px;
		padding-left: 100px;
	}

	#ver-sc,
  #ver-tc,
  #ver-en {
		font-size: 18px;
	}

	.about-bus-box .inner-item h5 {
		font-size: 20px;
	}
  /* header */
	header .logo {
		width: 320px;
	}

	ul.nav-list li > a {
		font-size: 40px;
	}
  /* banner */
	#banner .b-prev {
		left: 90px;
	}

	#banner .b-next {
		right: 90px;
	}
  /* index page */
	.index-tit h6 {
		font-size: 43px;
	}

	.index-about-left {
		padding-top: 55px;
	}

	.index-about-content {
		padding: 0 60px;
	}

	.index-ann {
		padding-top: 132px;
		padding-bottom: 132px;
	}

	.index-stock-report {
		padding-top: 90px;
		padding-bottom: 140px;
	}

	.stock-report-wrap .stock-wrap,
  .stock-report-wrap .csr-report {
		padding-left: 70px;
	}

	.stock-report-wrap .stock-wrap {
		min-width: 430px;
	}

	.index-contact-wrap {
		padding-top: 80px;
		padding-left: 45px;
	}

	.index-contact .contact-wrap {
		width: 50%;
	}
  /* article */
	ul.dots-list li::before {
		top: 11px;
	}

	.about-bus-wrap .b-prev {
		left: 100px;
	}

	.about-bus-wrap .b-next {
		right: 100px;
	}

	.about-bus-box .item.slick-current .inner-item {
		padding-left: 160px;
	}

	.about-bus-box .item.slick-current + .item .inner-item {
		padding-right: 160px;
	}

	.foot-top {
		padding-top: 40px;
	}

	.pages {
		margin-bottom: 50px;
	}
}

@media (min-width: 1900px) {
	.container {
		padding-right: 160px;
		padding-left: 160px;
	}
  /* header */
	header .logo {
		width: 362px;
	}

	ul.nav-list li > a {
		font-size: 48px;
	}

	ul.nav-list li .sub-nav {
		font-size: 22px;
	}

	ul.nav-list li dl dd p {
		font-size: 18px;
	}
  /* banner */
	#banner .b-prev {
		left: 150px;
	}

	#banner .b-next {
		right: 150px;
	}

	.about-bus-wrap .b-prev {
		left: 160px;
	}

	.about-bus-wrap .b-next {
		right: 160px;
	}

	.about-bus-box .item.slick-current .inner-item {
		padding-left: 210px;
	}

	.about-bus-box .item.slick-current + .item .inner-item {
		padding-right: 210px;
	}

	#index-content + footer {
		margin-top: -660px;
	}

	.index-contact .contact-wrap {
		width: 60%;
	}

	.foot-top {
		padding-top: 50px;
	}
}
.demo{
	display: block;
	border:1px solid rgba(1, 87, 155, 0.75);
}
.demo h3{
	margin-bottom:40px;
	line-height: 1;
}
.demo img{
	display:block;
}
.demo .imghvr-slide-up{
	display:block;
}
.imghvr-slide-up figcaption{
	transform: translateY(77%);
}
.honor-img figcaption{
	padding: 20px;
	background: #005eb8;
	color:#fff;
}
.honor-img figcaption h3{
	margin:0;
}
.product-detail {
	border: 1px solid #efefef;
	background: #fafafa;
}

.product-pic {
	float: left;
	width: 36%;
}

.product-pic img {
	width: 100%;
	display: block;
}

.product-desc {
	float: right;
	padding-right: 40px;
	width: 56%;
}

.product-desc .tit {
	padding: 32px 0;
}

.product-desc .tit h1 {
	font-size: 32px;
}

.product-desc .con {
	padding: 32px 0;
	border-top: 1px solid #efefef;
	font-size: 15px;
	line-height: 240%;
}
.product-desc .con p{
	margin-bottom:10px;
}
.product-desc .share {
	padding: 32px 0;
}

.product-intro {
	padding: 60px 0;
}

.product-intro .tit {
	text-align: center;
}

.product-intro .tit h2 {
	position: relative;
	font-size: 16px;
}

.product-intro .tit h2:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: calc(50% - 50px);
	height: 1px;
	background: #efefef;
	content: "";
}

.product-intro .tit h2:after {
	position: absolute;
	top: 50%;
	right: 0;
	width: calc(50% - 50px);
	height: 1px;
	background: #efefef;
	content: "";
}

.product-intro .con {
	padding: 40px 0;
	font-size: 15px;
	line-height: 240%;
}

.product-intro .con img {
	max-width: 100%;
}

/* responsive */
@media only screen and (max-width: 912px) {
	.product-tag {
		padding: 48px 0 32px;
	}

	.product-pic {
		float: none;
		width: auto;
	}

	.product-desc {
		float: none;
		padding: 0 20px;
		width: auto;
	}

	.product-desc .tit {
		padding: 24px 0;
	}

	.product-desc .tit h1 {
		font-size: 20px;
	}

	.product-desc .con {
		padding: 20px 0;
	}

	.product-desc .share {
		padding: 20px 0;
	}

	.product-intro {
		padding: 40px 0;
	}

	.product-intro .con {
		padding: 24px 0;
	}

	.product-intro .con img {
		width: 100%;
		height: 100%;
	}
}

.clearfix{
	clear:both;
}

.contact .H3 {
    font-size: 36px;
    color: #005eb8;
    font-weight: bold;
    text-align: center;
}

.contact .H5 {
    font-size: 18px;
    color: #5f5f5f;
    text-align: center;
    margin-top: 16px;
}

.contactList .list {
    width: 30%;
	margin: 42px 5% 0 0;
	float: left;
	border: 1px solid #ebebeb;
	padding: 50px 1.64% 0 1.64%;
	text-align: center;
	height: 200px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.contactList .list:nth-child(3n) {
    margin-right: 0;
}

.contactList .list .H4 {
    font-size: 36px;
    color: #005eb8;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.contactList .list .H4 .span {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background-color: #005eb8;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    margin: -4px 0 0 14px;
    font-weight: normal;
}

.contactList .list .p {
    font-size: 16px;
    color: #666666;
    position: relative;
    z-index: 1;
}

.contactList .list .num {
	display:none;
    font-size: 64px;
    color: #ebebeb;
    font-family: Arial;
    font-style: italic;
    position: absolute;
    bottom: -15px;
    right: 22px;
    font-weight: bold;
    line-height: 40px;
}

.yuyue {
    width: 302px;
    height: 45px;
    padding: 14px 0;
    text-align: center;
    background-color: #005eb8;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    margin: 55px auto auto auto;
    line-height: 17px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.yuyue .ico {
    width: 18px;
    height: 17px;
    display: inline-block;
    margin-right: 10px;
    line-height: 0;
}

.yuyue:hover {
    background-color: #005eb8;
}

.contactList .list:hover {
    background-color: #005eb8;
}

.contactList .list:hover .H4,
.contactList .list:hover .p {
    color: #fff;
}

@media screen and (max-width:1199px) {
    .contact {
        padding: 60px 0;
    }

    .contact .H3,
    .contactList .list .H4 {
        font-size: 28px;
    }
}

@media screen and (max-width:767px) {
    .contact {
        padding: 30px 0;
    }

    .contact .H3 {
        font-size: 18px;
        line-height: 24px;
    }

    .contact .H5 {
        font-size: 13px;
        margin-top: 5px;
    }

    .contactList {
        margin-top: 15px;
    }

    .contactList .list {
        width: 100%;
        height: auto;
        padding: 10px;
        margin: 10px 0 0 0;
    }

    .contactList .list .H4 {
        font-size: 18px;
    }

    .contactList .list .H4 .span {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
        margin-left: 5px;
    }

    .contactList .list .p {
        font-size: 13px;
        line-height: 22px;
        margin-top: 5px;
    }

    .yuyue {
        width: 240px;
        height: 34px;
        line-height: 34px;
        font-size: 13px;
        padding: 0;
        margin-top: 20px;
    }
}